/* MOBILE NAVBAR FIX */
@media (max-width: 999px) {

  /* Show hamburger by default */
  .menu-toggle {
    display: block !important;
    z-index: 1002;
  }

  /* Hide close icon by default */
  .close-menu {
    display: none !important;
  }

  /* When menu is active/open */
  #menu-bar:checked ~ .menu-toggle {
    display: none !important;
  }

  #menu-bar:checked ~ .close-menu {
    display: block !important;
    z-index: 1003;
  }

  /* Prevent clipping */
  header {
    overflow: visible !important;
  }
}